<template>
	<view class="pages">
		<pagehead>启航掌柜</pagehead>
		
		<view class="firstBox">
			<view class="title_1">Hello，</view>
			<view class="title_2">欢迎使用</view>
			<view class="title_2">启航掌柜
				<!-- #ifdef MP-WEIXIN || MP  -->
				小程序
				<!-- #endif -->
				</view>
			<image class="firstImg" :src="IMAGE_STATIC+'/images/firstImg.png'" mode="widthFix"></image>
			<!-- #ifdef MP-WEIXIN || MP  -->
			<!-- <button type="size" class="initBtn noPadding" @click="wxlogin">微信登录</button>-->
			<!-- #endif -->
			<button type="size" class="initBtn noPadding" @tap.stop="$tools.jump('/pages1/operate/login')">手机号登录</button>
			<!-- <view class="agreement">
				<view class="checkbox" @click="getAgree()">
					<image class="img" v-if="!isCheck" :src="IMAGE_STATIC+'/images/check.png'" mode=""></image>
					<image class="img" v-else :src="IMAGE_STATIC+'/images/check-active.png'" mode=""></image>
				</view>
				<view class="checkTitle">
					阅读并同意<span @tap.stop="$tools.jump('/pages1/operate/information','02')">《隐私政策》</span><span @tap.stop="$tools.jump('/pages1/operate/information','01')">《用户协议》</span>
				</view>
			</view> -->
		</view>
	</view> 
</template>

<script>
export default {
	components: {
	},
	data() { 
		return {
			IMAGE_STATIC: this.$url.assetsPath,
			timer: null,
			isCheck: true,
			showPhone: false,
			code: '',
			codePhone: '',
			openId: '',
			sey: '',
			phoneNumber: '',
			inviteUserId: "",
		};
	},
	onLoad() {
		let that = this;
		that.inviteUserId = uni.getStorageSync('inviteUserId');
		// #ifdef H5
		// that.openId = "o6YcO5Zj2lqzbJTwPwDELkdkpKpI";
		// that.sey = "+fX7LwQfJDXKBky0Hdfyww=="
		// #endif
	},
	onShow() {
		let isLogin = uni.getStorageSync('token') != '';
		console.log("isLogin：",isLogin);
		if (isLogin) {
			this.$tools.jump('/pagesMain/index/index');
		}else{
			// this.$tools.jump('/pagesMain/operate/login');
		}
		// #ifdef MP-WEIXIN || MP
		// this.getAppKey();
		// #endif
	},
	methods: {
		// 同意
		getAgree(){
			this.isCheck = !this.isCheck;
		},
	}
};
</script>

<style lang="scss" scoped>
	.pages{
		background: $globalColor-white;
	}
.firstBox{
	@include flexLeftColumn;
	padding: 55rpx;
	.title_1{
		font-size: 54rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #BDC2C6;
		margin: 110rpx 0 5rpx;
	}
	.title_2{
		font-size: 48rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #232323;
		line-height: 74rpx;
	}
	.firstImg{
		width: 500rpx;
		height: 368rpx;
		margin: 50rpx auto 30rpx;
	}
	.agreement{
		@include flexLeft;
		align-items: flex-start;
		.checkbox{
			width: 34rpx;
			height: 34rpx;
			margin-right: 15rpx;
			.img{
				width: 100%;
				height: 100%;
			}
		}
		.checkTitle{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: $globalColor-fontStyle;
			span{
				color: $globalColor-red;
			}
		}
	}
	.other-login{
		width: 100%;
		text-align: center;
		color: #AD2926;
		font-size: 28rpx;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}
}
.firstBox image{
	width: 100%;
	height: 100%;
}
	.noPadding{
		padding: 0;
	}
</style>